<template>
  <div class="app-container">
    <Find :OriginalFilter="{ static: true }" :formList="formList1" @findClicked="findData" />

    <el-card style="margin-top: 10px" shadow="always" :body-style="{ padding: '10px' }">
      <h1 class="f16">员工资料明细</h1>
      <Table :tableHeader="tableHeader" :tableData="tableData" :outTableHeight="80" selection />
      <PageModule :PageData="{ pageSizeShow: true }" />
    </el-card>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'EmployeeInformationInquiryKlJ'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { ref } from 'vue'
const formList1 = ref([
  {
    type: 'button',
    checkboxLabel: '花名册导出'
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '部门',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '请输入姓名',
    inputValue: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '姓别',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '请输入身份证号',
    inputValue: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '职务',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '工种',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '计件',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'date',
    dateLabel: '进厂日期',
    dateValue: ''
  },
  {
    type: 'date',
    dateLabel: '离职日期',
    dateValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入开户名',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入开户行',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入银行卡号',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入地址',
    inputValue: ''
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '签订合同',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '在职',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'button',
    checkboxLabel: '员工变更查询'
  },
  {
    type: 'input',
    inputLabel: '人数',
    inputDisabled: true,
    inputValue: '624'
  }
])

const findData = (a: any) => {}

// 表格数据
const tableData = [
  {
    date: '20230427',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  }
]

const tableHeader = ref([
  {
    label: '部门名称',
    prop: 'slipNo'
  },
  {
    label: '工号',
    prop: 'slipDate',
    width: '55'
  },
  {
    label: '姓名',
    prop: 'dutyDeptName',
    width: '55'
  },
  {
    label: '性别',
    prop: 'sysUser',
    width: '55'
  },
  {
    label: '身份证号',
    prop: 'dutyMemo'
  },
  {
    label: '出生日期'
  },
  {
    label: '职务',
    prop: 'dutyMemo'
  },
  {
    label: '工种',
    width: '55'
  },
  {
    label: '计时/计件'
  },
  {
    label: '电话号码'
  },
  {
    label: '原地址'
  },
  {
    label: '进厂日期'
  },
  {
    label: '卡号用户'
  },
  {
    label: '开户行'
  },
  {
    label: '银行卡号'
  },
  {
    label: '合同签订'
  },
  {
    label: '学历',
    width: '55'
  },
  {
    label: '民族',
    width: '55'
  },
  {
    label: '婚否',
    type: 'select',
    prop: 'name'
  },
  {
    label: '紧急联络人'
  },
  {
    label: '紧急联络电话'
  },
  {
    label: '现地址'
  },
  {
    label: '未成年',
    type: 'select',
    prop: 'name'
  },
  {
    label: '状态',
    type: 'select',
    prop: 'name'
  }
])

const tableData1 = [
  {
    date: '20230427',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  }
]

const tableHeader1 = ref([
  {
    label: '打印',
    type: 'checkbox',
    prop: 'checkboxArrange'
  },
  {
    label: '领料单号',
    prop: 'slipNo'
  },
  {
    label: '领料日期',
    prop: 'slipNo'
  },
  {
    label: '指令',
    prop: 'slipNo'
  },
  {
    label: '材料颜色',
    prop: 'slipNo'
  },
  {
    label: '材料名称',
    prop: 'slipNo'
  },
  {
    label: '请领量',
    prop: 'slipNo'
  },
  {
    label: '用量',
    prop: 'slipNo'
  },
  {
    label: '已领量',
    prop: 'slipNo'
  },
  {
    label: '未发量',
    prop: 'slipNo'
  },
  {
    label: '在手量',
    prop: 'slipNo'
  },
  {
    label: '备注',
    prop: 'slipNo'
  }
])
</script>

<style lang="less" scoped>
h1 {
  font-size: 16px;
}
</style>
